<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>酒店详情页</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
    <link type="text/css" rel="stylesheet" href="themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="themes/css/icon.css">
    <link type="text/css" rel="stylesheet" href="themes/css/home.css">

</head>
<body>
    <section class="aui-flexView" id="navHead" style="height:auto">
        <header class="aui-navBar aui-navBar-bg aui-navBar-fixed" id="nav-wrap">
            <a href="javascript:;" class="aui-navBar-item" style="min-width: 13%; flex: 0 0 13%;">
                <i class="aui-icon icon-return"></i>
            </a>
            <div class="aui-center">
                <span class="aui-center-title aui-center-title-none">水镇美乐家度假别墅(北京古北长城源著店)(原古北口店)</span>
            </div>
            <a href="javascript:;" class="aui-navBar-item" style="min-width: 13%; flex: 0 0 13%;">
                <i class="icon icon-news"></i>
            </a>
        </header>
        <section class="aui-scrollView">
            <div class="img_gallery" id="commodity">
                <div class="main_img">
                    <ul>
                        <li>
                            <img src="themes/img/img/banner-001.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-002.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-001.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-002.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-001.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-001.png" alt="">
                        </li>
                        <li>
                            <img src="themes/img/img/banner-002.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="img_font">
                    <span>1/7</span>
                    <span>2/7</span>
                    <span>3/7</span>
                    <span>4/7</span>
                    <span>5/7</span>
                    <span>6/7</span>
                    <span>7/7</span>
                </div>
            </div>
            <div class="aui-content-text">
                <div class="aui-content-box">
                    <div class="aui-introduce">
                        <h2>水镇美乐家度假别墅(北京古北长城源著店)(原古北口店)</h2>
                        <p>龙湖长城源著小区17号楼B1110室</p>
                        <p>中国/北京/密云</p>
                        <p>距离古北水镇285米</p>
                        <p>别墅距离古北水镇景区5公里，自驾8分钟即可到达古北水镇。农庄优越的地理位置让您在领略风景的同时给您提供优越、舒心的吃住环境，是来古北水镇镇旅游落脚的不错选择，除古北水镇外，附近还有雾灵西峰高山滑水，云岫谷，紫海香堤，蟠龙山长城等风景区，团队可提供优惠门票。</p>
                    </div>
                    <div class="aui-flex aui-flex-clear-align-items">
                        <div class="aui-flex-in-title">入住须知：</div>
                        <div class="aui-flex-box">
                            <p>本店提供无烟房间，行李寄存业务。</p>
                            <p>完善的访客制度保障客人的安全。</p>
                        </div>
                    </div>
                    <div class="aui-flex">
                        <div class="aui-flex-box">
                           <span class="aui-tag-coup">酒店红包</span>
                           <span class="aui-tag-coup">门店新客立减</span>
                           <span class="aui-tag-coup">连住优惠</span>
                        </div>
                        <div class="aui-green-arrow"></div>
                    </div>
                    <div class="aui-flex">
                        <div class="aui-flex-box">
                            <span class="aui-hotel-stars-small">
                                <img src="themes/img/icon/stars-one.png" alt="">
                            </span>
                            <h5>4.8</h5>
                        </div>
                        <div class="aui-green-arrow">查看全部点评</div>
                    </div>
                    <div class="aui-flex aui-flex-go-to">
                        <div class="aui-flex-item-info">
                            <h3>入住</h3>
                            <p>9月12日今天</p>
                        </div>
                        <div class="aui-flex-item-info">
                            <h4>共8晚</h4>
                        </div>
                        <div class="aui-flex-item-info">
                            <h3>离店</h3>
                            <p>9月26日周三</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aui-room-list">
                <ul class="aui-data-show-list">
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                    <li class="aui-flex b-line">
                        <div class="aui-flex-small-room">
                            <img src="themes/img/img/temporary-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3> <em>￥</em>525</h3>
                            <p class="aui-price-one">经济舱</p>
                            <div class="aui-company">
                                <span>中国国家航空公司</span>
                                <span>官方旗舰店</span>
                            </div>
                        </div>
                        <div class="aui-flex-take">
                            <div class="aui-flex-take-text">订</div>
                            <div class="aui-flex-take-pay">在线付</div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </section>

    <script type="text/javascript" src="themes/js/jquery.js"></script>
    <script type="text/javascript" src="themes/js/tab.js"></script>
    <script type="text/javascript" src="themes/js/data.js"></script>
    <script type="text/javascript" src="themes/js/touchSlider.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $(".main_img").touchSlider({
                flexible: true,
                speed: 200,
                btn_prev: $("#btn_prev"),
                btn_next: $("#btn_next"),
                paging: $(".point a"),
                counter: function(e) {
                    $(".point a").removeClass("on").eq(e.current - 1).addClass("on");
                    $(".img_font span").hide().eq(e.current - 1).show();
                }
            });

        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            var navHeight = $("#navHead").offset().top;
            var navFix = $("#nav-wrap");
            $(window).scroll(function() {
                if ($(this).scrollTop() > navHeight) {
                    navFix.addClass("aui-flex");
                } else {
                    navFix.removeClass("aui-flex");
                }
            })
        });

        $(document).ready(function() {
            $(".btn-slide").click(function() {
                $("#show").slideToggle();
            });
        });
    </script>

</body>
</html>